<!DOCTYPE html>
<html lang="zh-CN" xmlns="http://www.w3.org/1999/html">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>生产-园区管理</title>
  <link href="css/bootstrap.css" rel="stylesheet">
  <link href="css/index.css" rel="stylesheet">
  <script src="js/jquery-1.11.3.js"></script>
  <script src="js/bootstrap.js"></script>
  <script src="js/index.js"></script>
    <script src="js/shangchuantouxiang.js"></script>
  <!--[if lt IE 9]>
  <script src="js/html5shiv.min.js"></script>
  <script src="js/respond.min.js"></script>
  <![endif]-->
</head>
<body>
<!--导航start-->
<nav class="navbar navbar-fixed-top">
    <div class="container-fluid ">
        <div class="row">
            <div class="col-md-2 nav-logo">
                <a href="首页.html"><img src="images/logo.png" /></a>
            </div>
            <div class="col-md-10 navbar1">
                <p class="navbar-text">信息沟通世界&nbsp;&nbsp;科技服务三农</p>
                <ul class="nav navbar-nav navbar-right">
                    <li>
                        <a href="销售-订单管理.html"><span class="glyphicon glyphicon-volume-up"></span>&nbsp;<span>订单<span class="badge">1</span></span></a>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-info-sign"></span>&nbsp;
                            <span>帮助</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-phone-alt"></span>&nbsp;&nbsp;0451-87963519-815</span></a></li>
                            <li class="text-center"><a href="#"><span class="text-primary"><span class="glyphicon glyphicon-comment"></span>&nbsp;&nbsp;互助问答</span></a></li>
                        </ul>
                    </li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                            <span class="glyphicon glyphicon-user"></span>&nbsp;
                            <span>农业集团科技有限公司</span>
                            <span class="caret"></span>
                        </a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li class="text-center"><a href="资源-公司信息.html"><span class="text-primary"><span class="glyphicon glyphicon-cog"></span>&nbsp;&nbsp;企业设置</span></a></li>
                            <li class="text-center"><a href="首页.html"><span class="text-primary"><span class="glyphicon glyphicon-home"></span>&nbsp;&nbsp;个人首页</span></a></li>
                            <li class="text-center"><a href="资源-站内信息.html"><span class="text-primary"><span class="glyphicon glyphicon-envelope"></span>&nbsp;&nbsp;系统消息</span></a></li>
                            <li class="text-center"><a href="修改密码.html"><span class="text-primary"><span class="glyphicon glyphicon-lock"></span>&nbsp;&nbsp;修改密码</span></a></li>

                        </ul>
                    </li>
                    <li>
                        <a href="登录.html">
                            <span class="glyphicon glyphicon-remove-circle"></span>&nbsp;<span>退出</span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</nav>
<!--导航end-->
<!--主体开始-->
<main>
    <div class="container-fluid">
        <div class="row">
            <div class="col-xs-2 navbar2 sidebar">
                <h3>翔 农 云 农 场</h3>
                <h4>www.nongchang.com</h4>
                <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true"
                           aria-controls="collapseOne">
                            <i class="ziyuan"></i>
                            <i class="panel-left1">资&nbsp;源</i>
                        </a>
                        <div id="collapseOne" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="资源-公司信息.html">公司信息</a></li>
                                <li><a href="资源-认证信息.html">认证信息</a></li>
                                <li><a href="资源-员工管理-基地负责人.html">员工信息</a></li>
                                <li><a href="资源-园区管理.html">园区管理</a></li>
                                <li><a href="资源-农机管理.html">农机管理</a></li>
                                <li><a href="资源-设备管理.html">设备管理</a></li>
                                <li><a href="资源-站内信息.html">站内信息</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne1" aria-expanded="true"
                           aria-controls="collapseOne1">
                            <i class="jihua"></i>
                            <i class="panel-left1">计&nbsp;划</i>
                        </a>
                        <div id="collapseOne1" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="计划-种类.html">种 类</a></li>
                                <li><a href="计划-排产.html">排 产</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne2" aria-expanded="true"
                           aria-controls="collapseOne2">
                            <i class="shengchan"></i>
                            <i class="panel-left1">生&nbsp;产</i>
                        </a>
                        <div id="collapseOne2" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="生产-农事.html">农事管理</a></li>
                                <li><a href="生产-预警管理.html">预警管理</a></li>
                                <li><a href="生产-监测.html">监 测</a></li>
                                <li><a href="生产-控制.html">控 制</a></li>
                                <li><a href="生产-气象.html">气 象</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne4" aria-expanded="true"
                           aria-controls="collapseOne4">
                            <i class="xiaoshou"></i>
                            <i class="panel-left1">销&nbsp;售</i>
                        </a>
                        <div id="collapseOne4" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="销售-订单管理.html">订单管理</a></li>
                                <li><a href="销售-价格.html">价格管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne5" aria-expanded="true"
                           aria-controls="collapseOne5">
                            <i class="lvli"></i>
                            <i class="panel-left1">商&nbsp;品</i>
                        </a>
                        <div id="collapseOne5" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="商品-加工.html">加 工</a></li>
                                <li><a href="商品-损耗.html">损 耗</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne6" aria-expanded="true"
                           aria-controls="collapseOne6">
                            <i class="jiagong"></i>
                            <i class="panel-left1">配&nbsp;送</i>
                        </a>
                        <div id="collapseOne6" class="panel-collapse collapse" >
                            <ul class="nav  nav-list">
                                <li><a href="配送-物流管理.html">物流管理</a></li>
                                <li><a href="履历-履历管理.html">履历管理</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="panel panel-default">
                        <a class="nav-panel nav-left1" data-toggle="collapse" data-parent="#accordion" href="#collapseOne7" aria-expanded="true"
                           aria-controls="collapseOne7">
                            <i class="fenxi"></i>
                            <i class="panel-left1">统&nbsp;计</i>
                        </a>
                        <div id="collapseOne7" class="panel-collapse collapse" >
                            <ul class="nav nav-list">
                                <li><a href="汇总-历年产量对比-投产量.html">汇 总</a></li>
                                <li><a href="分析-农事管理分析-环境监控历史纪录.html">分 析</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
            <!--左侧nav end-->
                    <!--二级面板开始-->
                    <div class="col-xs-10 center_box">
                        <div class="row">
                            <div class="col-xs-2 nav-shensuo  nav-little">
                                <ul class="list-group list-unstyled">
                                    <li><a href="#" >水田（3块）</a></li>
                                    <li><a href="#" >旱田（5块）</a></li>
                                </ul>
                            </div>
                            <div class="col-xs-1 shensuo-btn">
                                <img src="images/Btn.png" alt=""/>
                            </div>
                            <!--二级面板end-->
            <!--右侧内容开始-->
<div class="col-xs-8 section-right1">
    <div class="row nongji-btn">
        <div class="col-xs-12">
            <span>生产&nbsp;&gt;&nbsp;&nbsp;园区管理详情</span>
        </div>
    </div>

    <div class="panel">
           <div class="panel-body">
               <div class="has-feedback row">
                    <div class="col-xs-1" style="margin-top:25px;">
                        <a href="#"  role="button" type="button" data-toggle="collapse" data-target="#zhanglei-menu1" onclick="changezhonglei('zhonglei-menu-a')" class="pull-right">
                            <span id="zhonglei-menu-a" class="glyphicon glyphicon-chevron-down"></span></a>
                    </div>
                    <div class="col-xs-4">
                        <h3>地块1 基本信息</h3>
                     
                    </div>
                    <div class="col-xs-2 col-xs-offset-5" style="margin-top:10px;">
                    <a href="#"  aria-hidden="true" data-target=".bs-example-modal-sm" type="button" class="btn btn-success yuanqu-bianji-btn">编 辑</a>
                    </div>
              </div>
               <div id="zhanglei-menu1" class="collapse">
                   <table class="table table-bordered">
                        <tr class="info" style="text-align:center;">
                        	<td>地块名称</td>
                            <td>种植面积</td>
                            <td>设施类型</td>
                        </tr>
						<tr class="active yuanqu-table" >
                        	<td><input type="text" value="旱田" class="yuanqu-bianji" disabled="disabled"/></td>
                            <td><input type="text" value="2370.0亩" class="yuanqu-bianji" disabled="disabled"/></td>
                            <td><input type="text" value="" class="yuanqu-bianji" disabled="disabled"/></td>
                        </tr>
				   </table>
            </div>
         </div>
            <div class="panel">
                <div class="panel-body">
                    <div class="has-feedback row">
                        <div class="col-xs-1" style="margin-top:25px;">
                            <a href="#"  role="button" type="button" data-toggle="collapse" data-target="#zhanglei-menu2" onclick="changezhonglei('zhonglei-menu-b')" class="pull-right">
                                <span id="zhonglei-menu-b" class="glyphicon glyphicon-chevron-down"></span></a>
                           
                        </div>
                        <div class="col-xs-4">
                            <h3>地块1 详情</h3>
                            
                        </div>
                        <div class="col-xs-2 col-xs-offset-5" style="margin-top:10px;">
                            <a href="#"  aria-hidden="true" data-toggle="modal" data-target=".bs-example-modal-sm" type="button" class="btn btn-success">添 加</a>
                    </div>
                    </div>
                    <div id="zhanglei-menu2" class="collapse">
                        <div class="has-feedback row">
                        	<div class="col-xs-12">
                                <div class="row">
                                	<div class="col-xs-3 nongtian-detail">
                                        <img src="images/9963452010624225441_03.png">
                                        <div >
                                           <h5>21号大棚</h5>
                                           <h5>面积：3亩</h5>
                                        </div>
                                    </div>
                                    <div class="col-xs-3 nongtian-detail">
                                        <img src="images/9963452010624225441_03.png">
                                        <div >
                                            <h5>22号大棚</h5>
                                            <h5>面积：3亩</h5>
                                        </div>
                                    </div>
                                    <div class="col-xs-3 nongtian-detail">
                                        <img src="images/9963452010624225441_03.png">
                                        <div >
                                            <h5>23号大棚</h5>
                                            <h5>面积：3亩</h5>
                                        </div>
                                    </div>
                                    <div class="col-xs-3 nongtian-detail">
                                        <img src="images/9963452010624225441_03.png">
                                        <div >
                                            <h5>24号大棚</h5>
                                            <h5>面积：3亩</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-xs-12" style="margin-top:30px;">
                                <div class="row">
                                    <div class="col-xs-3 nongtian-detail">
                                        <img src="images/9963452010624225441_03.png">
                                        <div >
                                            <h5>25号大棚</h5>
                                            <h5>面积：3亩</h5>
                                        </div>
                                    </div>
                                    <div class="col-xs-3 nongtian-detail">
                                        <img src="images/9963452010624225441_03.png">
                                        <div >
                                            <h5>26号大棚</h5>
                                            <h5>面积：3亩</h5>
                                        </div>
                                    </div>
                                    <div class="col-xs-3 nongtian-detail">
                                        <img src="images/9963452010624225441_03.png">
                                        <div >
                                            <h5>27号大棚</h5>
                                            <h5>面积：3亩</h5>
                                        </div>
                                    </div>
                                    <div class="col-xs-3 nongtian-detail">
                                        <img src="images/9963452010624225441_03.png">
                                        <div >
                                            <h5>28号大棚</h5>
                                            <h5>面积：3亩</h5>
                                        </div>
                                    </div>
                                </div>
                            </div>
               <!------------------------------------------------------------------>             
                        </div>
                    </div>
                </div>
       </div>

        <!--添加弹出框-->
        <div class="modal fade bs-example-modal-sm" id="tianji-yuanqu-img" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
            <div class="modal-dialog modal-sm">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title" id="myModalLabel">添 加 地 块</h4>
                    </div>
                    <div class="modal-body">
                        <form class="form-inline" role="form">
                            <div id="div_yuanqu">
                                <img id="img_yuanqu" class="img-detail"  src=""  />
                                <input type="file" onchange="previewImage(this,'img_yuanqu','div_yuanqu')" class="shangchuan" style="margin-top:10px;"/>
                            </div>
                            <p class="p_img">支持格式：jpg,gif,png,jpeg,bmp,3gp</p>
                            <div class="form-group" style="margin-top:5px;">
                                <label for="zhiwu-name" class="control-label">种植物名称</label>
                                <input type="text" class="form-control" id="zhiwu-name" placeholder="">
                            </div>
                            <div class="form-group" style="margin-top:5px;">
                                <label for="dikuai" class="control-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;地块</label>
                                <input type="text" class="form-control" id="dikuai" placeholder="">
                            </div>
                            <div class="form-group" style="margin-top:5px;">
                                <label for="area" class="control-label">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;面积</label>
                                <input type="text" class="form-control" id="area" placeholder="">
                            </div>
                            
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-success" type="submit" data-dismiss="modal">保存</button>
                        <button class="btn btn-default" data-dismiss="modal" type="button">取消</button>
                    </div>
                </div>
            </div>
        </div>
        </div>
   </div>
    <!--右侧内容end-->
     </div>
    </div>
   </div>
        </div>
  </main>
<!--主体end-->
<!--<script>-->
    <!--var s = document.createElement('script');-->
    <!--s.onload = function () {-->
        <!--bootlint.showLintReportForCurrentDocument([]);-->
    <!--}-->
    <!--s.src = 'js/bootlint.js';-->
    <!--document.body.appendChild(s);-->
<!--</script>-->
</body>
</html>